<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="js/jquery-1.11.0.js"></script>
		<style>
			.div1{
				width: 250px;
				height: 250px;
				background-color: red;
			}
			.div2{
				width: 200px;
				height: 200px;
				background-color: yellow;
			}
			.div3{
				width: 150px;
				height: 150px;
				background-color: blue;
			}
		</style>
	</head>
	<body>
		<div class="div1">1
			<div class="div2">2
				<div class="div3">3</div>
			</div>
		</div>
		<a href="https://www.baidu.com">百度</a>
		<script>
			$(function(){
				$(".div1").click(function(){
					console.log("1");
				})
				$(".div2").click(function(){
					console.log("2");
					event.stopPropagation();
				})
				$(".div3").click(function(){
					console.log("3");
					return false;
				})
				$("a").click(function(){
					alert("点击了超链接")
					//return false;
					event.preventDefault();
				})
			})
		</script>
	</body>
</html>
